/* 
Document   : layout
Created on : June 25, 2007, 6:21 PM
Author     : kabad
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/

*/
div{
   padding: 0px;
   margin: 0px;
}
body{
   padding: 0px;
   margin: 0px;
   background-color: #6692c1;
   margin-top: 1%;
   margin-bottom: 1%;
   margin-left: 1%;
   margin-right: 1%;
   /*overflow:hidden;*/
 }

#medioambiente{
    position:absolute!important;
    width:96%;
    height:92%;
    overflow:hidden;
    /*background-color:red;*/
}
#contGeneral{
    position:relative;
    background:#D7E7FE ;
    height:10px;
    width:99%;
    overflow:hidden;
}
#header{
   clear: both;
   height: 64px;
   width:100%;
   position:relative;
   /*margin-left: -180px;
   margin-right: -150px*/
}
#menu{
   left :5px;
   height:24px;
   
   /* background-color: #6692c1; */
  background-color: #2364A5;
}

#banner{
   height:40px;
   background:#D7E7FE url(/VWAJonas/recursos/imagenesWeb/fondobanner.gif) 
}

#container{
   background-color : white;
   /*float:left;*/
   position:relative;
   width:100%;
   overflow: hidden;
  
   /*border-left:180px solid #eff4fb; */
   /* The width and color of the left rail */
   /*border-right:150px solid white;*/
   /* The width and color of the right rail */
   /*
   margin-left:-180px;
   margin-right:-150px;
   */
   /*display:inline;*/
   /* So IE plays nice */
}
#leftRail{
   position: relative;
   float: left;
   height: 100%;
   background-color: #D7E7FE;
   overflow:auto;
   
   /*
   margin-left: -180px;
   padding: -10px;*/  
   width: 180px;
 /* background-image: url(../../resources/spry/accordion/images/linea_azul.gif) repeat-y;*/
}
#center{
 position :relative;
 float:left;
 height:100%;
 /*
   margin-right:-100%;*/
}

#rightRail{
   position:relative;
   float:left;
   height:100%;
   width:150px;
   margin-right:-150px;  
}
#navegacion{
   height:22px;
  /* background:#B9D3F3;*/
  background-color: #357abd;
}

#informacion{
   border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccccff;
  border-bottom-color: #ccccff;
  border-left-color: #ccccff;
  border-right-color: #ccccff;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  
}


#footer{
   clear: both;
   height:16px;
   width:100%;
   position:relative;
   /*margin-left: -180px;
   margin-right: -150px;*/
   background:#D7E7FE url(/VWAJonas/recursos/imagenesWeb/pie.gif) repeat-x
}

.bordered {
   background-color: #D7E7FE;
   border: 2px #f2a516 solid;
   height: 100%;
   padding-bottom: 16px;
   padding-left: 7px;
   padding-right: 7px;
   padding-top: 8px;
   width: 100%
}

/* Div con nombre de usuario */
.divUsuario{
  /* background-color: #f3f7eb;*/
   height: 40px;
   left: 5px;
   position: absolute;
  /* text-align: center;*/
   vertical-align: middle;
   width: 150px;
 word-spacing: 4px;
  line-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
#divMenuAcordeon{
    
  height :280px ;
  background-color: #f3f7eb;
  width: 168px;
  margin-left: 10px;
}

.pie {
  height:100%;
  width :100% ;
}
.pie a{
  padding-left :20px ;
   border-left-width: 20px;
    padding-right :15px ;
   border-right-width: 15px;

   color: #f2a516;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 8pt
}

.pie a:hover{
   color: #d1881e;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 8pt;
   text-decoration: underline
}